<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/top.css" />
		<link rel="stylesheet" type="text/css" href="css/right.css" />
		<link rel="stylesheet" type="text/css" href="css/left.css" />
	</head>
	<body>
		<div id="container">
		    <div id="top">
				<div id="top_left">
					<span>博客管理系统</span>
				</div>
				<div id="top_right">
					欢迎你：admin <a href="#">退出登录</a>
				</div>
		    </div>
			<div id="left">
				<ul>
					<li><a href="#">分类管理</a></li>
					<li><a href="#">新闻管理</a></li>
					<li><a href="#">管理员</a></li>
				</ul>
			</div>
		    <div id="right">
				<ul>
					<li>
						<a href="#">首页</a>&nbsp;>
						<a href="#">新闻管理</a>&nbsp;>
						<a href="#">新闻列表</a>
					</li>
					<li>
						<button id="all">全选</button>
						<a id="multi_delete" href="#">删除选中任务</a>
						<a id="add" href="article_add.html" style="float: right">增加新闻</a>
					</li>
					<li>
						<form id="multi-delete-form" action="#">
						    <table class="list">
						        <tbody>
						        <tr>
						            <th></th>
						            <th>ID</th>
						            <th>标题</th>
						            <th>分类</th>
									<th>简介</th>
						            <th>发表时间</th>
						            <th>修改时间</th>
						            <th>操作</th>
						        </tr>
						        <tr>
						            <td><input type="checkbox"></td>
						            <td>1</td>
						            <td>Vue新手入门指南</td>
									<td>web前端</td>
						            <td>vue入门指南，适合刚接触vue的用户</td>
						            <td>2021-3-16 17:15:53</td>
						            <td>2021-3-16 17:16:02</td>
						            <td>
						                <a class="update" href="#">编辑</a>
						                <a class="delete" href="#">删除</a>
						            </td>
						        </tr>
						        </tbody>
						    </table>
						</form>
					</li>
				</ul>
			</div>
		</div>
	</body>
</html>
